<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>购物商城-结算</title>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/order.css">
</head>
<body>
	<jsp:include page="head.jsp"></jsp:include>
	<div class="order_div">
		<div class="order_div_div1">填写核对订单信息</div>
		<div class="order_div_div2">
			<table>
				<tr>
					<td><font color="red">*</font>收货人姓名：</td>
					<td>
						<input id="consignee_addressName" class="txt" maxlength="20" type="text" value="">
					</td>
				</tr>
				<tr>
					<td><font color="red">*</font>地址：</td>
					<td>
						<span id="consigneeShow_addressName"></span>
						<input id="consignee_address" class="txt" type="text" value="" style="width: 327px;">
					</td>
				</tr>
				<tr>
					<td><font color="red">*</font>电话号码：</td>
					<td>
						<input id="consignee_message" class="txt" type="text" value="">
						 &nbsp; &nbsp;
						 <font color="#000000">用于接收发货通知短信及送货前确认</font>
					</td>
				</tr>
				
				<tr>
					<td>电子邮件：</td>
					<td>
						<input id="consignee_email" class="txt" type="text" value="">
						 &nbsp; 
						 <font color="#000000">用来接收订单提醒邮件，便于您及时了解订单状态</font></td>
				</tr>
				
				<tr>
					<td>邮政编码：</td>
					<td>
						<input id="consignee_postcode" class="txt" style="width: 77px;" type="text">
						&nbsp; 
						<font style="margin-left: 53px" color="#000000">有助于快速确定送货地址</font>
					</td>
				</tr>
			</table>
			
			<div class="order_div_div3">
				<a href="#none">[选中常用地址]</a>
			</div>
			
			<div class="footer">
				<input class="btn" value="保存收货人信息" type="button">
			</div>
		</div>
		
		<div class="order_div_div4">
			<!--收货人地址结束,支付方式及配送方式开始-->
			<h3>支付及配送方式&nbsp;</h3>
			<div class="middle">
				<table class="order_div_div4_table">
					<tr>
						<td class="order_div_div4_td">支付方式：</td>
						<td>在线支付</td>
					</tr>
					<tr>
						<td class="order_div_div4_td">配送方式：</td>
						<td>快递运输</td>
					</tr>
					<tr>
						<td class="order_div_div4_td">运 费：</td>
						<td>0.00元<span style="color: red">(免运费)</span></td>
					</tr>
				</table>
			</div>
		</div>

		<!--支付方式及配送方式结束-->
		<!--Cart信息开始-->
		<div class="order_div_div5">
			<h3>
				<span class="span_1">商品清单</span>
				<a href="" style="color: rgb(0, 112, 215);">返回修改购物车</a>
			</h3>
			
			<div class="middle">
				<table class="order_div_div_tab">
					<tr class="order_div_div_tr1">
						<td>商品名称</td>
						<td width="10%">疯狂价</td>
						<td width="8%">返现</td>
						<td width="8%">小计(元)</td>
						<td width="9%">库存</td>
						<td width="9%">数量</td>
					</tr>
					<tr class="order_div_div_tr1">
						<td width="25%">
							Cetaphil丝塔芙洗面奶(法国) 200ml 极其温和的配方 卓越的保湿功效严谨的生产方式
						</td>
						<td width="10%"><span class="price">￥&nbsp;&nbsp;(折) </span></td>
						<td width="5%">￥0.00</td>
						<td width="5%">￥</td>
						<td width="8%">100</td>
						<td width="5%">1</td>
					</tr>
				</table>
			</div>
		</div>
		
		<!--有货先发结束-->
		<div class="order_div_div5">
			<h3>结算信息</h3>
			<div class="middle">
				<table class="order_div_div_tab">
					<tr class="order_div_div_tr3">
						<td>
							商品金额：121 元 + 运费：0.00元 - 优惠券：<span id="price_coupon">0.00</span>元
							- 礼品卡： <span id="price_coupon">0.00</span>元 - 返现：0.00元
						</td>
					</tr>
					<tr class="order_div_div_tr2">
						<td><b>应付总额：<font color="red">2342.00￥</font>
								元&nbsp;&nbsp;
						</b>
							<div id="paypassword_panel"></div></td>
					</tr>
				</table>
			</div>
		</div>
		<!--提交-->
		<div class="o_show_submit">
			<a href="${pageContext.request.contextPath}/jsp/order_item.jsp">
			<img alt="找不到图片" src="${pageContext.request.contextPath }/images/submit.jpg"></a>
		</div>
	</div>


</body>
</html>